.top{
  width:100%;
  height:80px;
  margin:0 auto;
  border:0;
  background:#fff;
  .topbar{
    width:1200px;
    margin:0 auto;
    height:100%;
    .pull-left{
      float:left;
      margin-left: 20px;
      .img-href{
        display: inline-block;
        float: left;
        img{
          margin-top:15px;
          float:left;
        }
      }
      span{
        display:block;
        width:1px;
        height: 28px;
        float: left;
        background-color: #999999;
        margin-top: 26px;
        margin-left:40px;
      }
      ul{
        height:100%;
        float:left;
        line-height:100%;
        font-size: 14px;
        li{
          float:left;
          margin:0 20px;
          height:100%;
          line-height:80px;
          a{
            display:block;
            color:#333;
            height:55px;
          }
          .active{
            color:#02ff7f;
            border-bottom:1px solid #02ff7f;
          }
        }
      }
    }
    .pull-right{
      float:right;

      .search{
        float: left;
        margin-top: 20px;
      }
      .name{
        margin-right: 10px;
        height:80px;
        line-height: 80px;
        float:left;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #333;
        margin-left: 20px;
      }
      .portrait{
        float:left;
        width: 43px;
        height: 42px;
        border-radius:50%;
        margin-top: 18px;
        position:relative;
        img{
          width:100%;
          position:absolute;
          top:50%;
          left:50%;
          transform:translate(-50%,-50%);
        }
      }
      .loginout{
        float: left;
        line-height: 80px;
        font-size: 14px;
        color: #333;
        margin-left: 10px;
        cursor:pointer;
      }
      .tologin{
        float:left;
        width:80px;
        height:80px;
        line-height:80px;
        text-align:center;
        color:#333;
        font-size: 14px;
      }
      .regist{
        float:left;
        width:80px;
        height:80px;
        line-height:80px;
        text-align:center;
        color:#333;
        font-size: 14px;
      }
    }
  }
}